function onBodyLoad() {		
	//alert("dsds");
	onDeviceReady(2);
	ladeElemente();
	ladeKategoriedaten();
	//var messname = $('#messname');	
	//var geschlecht_bild = $('#geschlecht_bild');
	updateUser();
	var myselect = $("#cbgeschlecht");
	$("#cbgeschlecht") != null
		myselect.selectmenu("refresh");
}


function speichernProfil(user_id){
		schreibeBenutzerdaten(myuser);
		
}

function buttonsettings(user_id){
	

	
	$('#stringselect').text(''); //Combo leeren
		//var msg = $("#msg"); 
		//User ladem
		$.ajax({
			url: 'http://ambrella.dyndns.org/rightsize/leseUser.php?userid='+myuser,
			dataType: 'jsonp',
			jsonp: 'jsoncallback',
			timeout: 5000,
			success: function(data, status){
					$.each(data, function(i,item){ 
						//msg.append("gelesen");
						$('#stringselect').append( new Option(item.name,item.id )).selectmenu('refresh', true);
						arUser[item.id] = new Object();
						arUser[item.id]["name"] = item.name;
						arUser[item.id]["sex"] = item.sex;
					});
					$('#stringselect').append('<option  data-addoption=\'true\' value=\'0\'>hinzuf&uuml;gen ...</option> ').selectmenu('refresh', true);
					updateUser();
				},

			error: function(){
			   //msg.append('There was an error loading the data.<br>');
			}
		});
	
	//speichere neuen Nutzer
	$(document).delegate('#stringselect', 'change', function(e) {
	  var self = this;
	  $(self+':selected:not([data-placeholder])').each(function(){
		if ( $(this).attr('data-addoption') ) {
		  $(self).simpledialog({
			'mode' : 'string',
			'prompt' : 'Name',
			'useDialogForceFalse' : true,
			'buttons' : {
			  'Speichern' : {
				click: function () { 
				  thisopt = $(self).attr('data-string');
				  $('<option value="'+thisopt+'" selected="selected">'+thisopt+'</option>').appendTo($(self));
				  $(self).selectmenu('refresh', true);
				  
						$.ajax({ 
							url: 'http://ambrella.dyndns.org/rightsize/InsertBenutzer.php?username=' + thisopt, 
							dataType: 'jsonp',
							jsonp: 'jsoncallback',
							timeout: 5000,
							success: function(data, status){
								$.each(data, function(i,item){ 
								//msg.append('Gespeichert'); 
									myuser = arUser[item.id];
								});
								
								updateUser();
								ladeStartseitenSymbole();
								
							}, 
							
							error: function(data, status){
								$.each(data, function(i,item){ 
								//msg.append('Gespeichert'); 
									myuser = arUser[item.id];
								});
								
								updateUser();
								ladeStartseitenSymbole();
							}
					
						}); 
				  
				  
				  return true; }
			  },
			  'Abbrechen' : {
				click: function () { $(self).selectmenu('open'); },
				icon: "delete"
			  }
			}
		  });
		}else{
			myuser = $('#stringselect').val();
			updateUser();
			ladeStartseitenSymbole();
		}
	  });
	});
	updateUser();
	ladeStartseitenSymbole();
	//ladeKategoriedaten(2);
	
	//menubutton verbinden
	$.mobile.fixedToolbars.setTouchToggleEnabled(false);	
	document.addEventListener("menubutton", onMenuKeyDown, false);
}
function onMenuKeyDown() {
	//alert("dsdsd" + fshown);
	if(fshown == 1){
		$('#myfooter').hide();
		$.mobile.fixedToolbars
   .hide(true);
		//$.mobile.fixedToolbars.hide();	
		fshown = 0;
	}else{
		$('#myfooter').show();
		$.mobile.fixedToolbars
   .show(true);
		//$.mobile.fixedToolbars.show();	
		fshown = 1;
	}
		
}

function updateUser(){
	
		document.forms[0].name.value = arUser[myuser]["name"];
		
		var selectOption = $('.selDiv').children('.cbgeschlecht') ;
		var _this = $(this).next().children(".cbgeschlecht") ;
		
		var myselect = $("#cbgeschlecht");

		//$('cbgeschlecht').selectmenu('refresh', true);
		
		if(arUser[myuser]["sex"] == 0){
			//$(selectOption).find("option[index='0']").attr("selected","selected");
			//$('.selDiv option:eq(0)').prop('selected', true);
			//$('#cbgeschlecht option[value=maennlich]').attr('selected', 'selected');
			myselect[0].selectedIndex = 0;
			
		}else{
//			$(selectOption).find("option[index='1']").attr("selected","selected");
//			$('.selDiv option:eq(1)').prop('selected', true);
//			$('#cbgeschlecht option[value=weiblich]').attr('selected', 'selected');	
			myselect[0].selectedIndex = 1;
			
		} 
		//refresh value			
			
		
		//refresh and force rebuild
		//$('cbgeschlecht').selectmenu('refresh', true);
}

function ladeStartseitenSymbole(){
	
	var itemcat_symbole = $('#itemcat_symbole');
	arMyCategorys = new Array();	

	$.ajax({
		url: 'http://ambrella.dyndns.org/rightsize/leseNameUndProfil.php?userid='+myuser,
		dataType: 'jsonp',
		jsonp: 'jsoncallback',
		timeout: 5000,
		success: function(data, status){
					itemcat_symbole.text('');
					
				$.each(data, function(i,item){ 
					
					arMyCategorys.push(item.categoryname);
					//Kategorieliste fülle
					switch (item.categoryname) {
						
					  case "1": //Jacken
						itemcat_symbole.append('<a  href="#kleidungskategorien" onClick="kategorieAufrufen(1)" ><dl class="meImgLeft" >' 
	                       + '<dt><div style="margin-left: 7px"><img src="images/m_jacke.png" width="37" height="37" alt="Jacken" /></div></dt>'
	                       + '<dd class="UnicodSans-Medium">Jacken</dd>'
		                   + '</dl></a> ');		
						break;
					  case "2": //Anzüge
					  	if(arUser[myuser]["sex"] == 0){
							itemcat_symbole.append('<a  href="#kleidungskategorien" onClick="kategorieAufrufen(2)" ><dl class="meImgLeft" >' 
							   + '<dt><div style="margin-left: 7px"><img src="images/m_hemd.png" width="37" height="37" alt="Anz&uuml;ge" /></div></dt>'
							   + '<dd class="UnicodSans-Medium">Anz&uuml;ge</dd>'
							   + '</dl></a> ');		
						}
						break;
					  case "3": //jeans/hosen
						itemcat_symbole.append('<a  href="#kleidungskategorien" onClick="kategorieAufrufen(3)" ><dl class="meImgLeft" >' 
	                       + '<dt><div style="margin-left: 7px"><img src="images/m_hose.png" width="37" height="37" alt="Hosen" /></div></dt>'
	                       + '<dd class="UnicodSans-Medium">Jeans</dd>'
		                   + '</dl></a> ');			
						break;
					  case "4": //Röcke
	   				  	if(arUser[myuser]["sex"] == 1){
							itemcat_symbole.append('<a  href="#kleidungskategorien" onClick="kategorieAufrufen(4)" ><dl class="meImgLeft" >' 
	                       	+ '<dt><div style="margin-left: 7px"><img src="images/f_rock.png" width="37" height="37" alt="R&ouml;cke" /></div></dt>'
	                       	+ '<dd class="UnicodSans-Medium">R&ouml;cke</dd>'
		                   	+ '</dl></a> ');		
						}
						break;	
					  case "6": // Pullover
						itemcat_symbole.append('<a  href="#kleidungskategorien" onClick="kategorieAufrufen(6)" ><dl class="meImgLeft" >' 
	                       + '<dt><div style="margin-left: 7px"><img src="images/m_pullover.png" width="37" height="37" alt="Pullover" /></div></dt>'
	                       + '<dd class="UnicodSans-Medium">Pullover</dd>'
		                   + '</dl></a> ');			
						break;
					  case "7": //Shirts
						itemcat_symbole.append('<a  href="#kleidungskategorien" onClick="kategorieAufrufen(7)" ><dl class="meImgLeft" >' 
	                       + '<dt><div style="margin-left: 7px"><img src="images/shirt.png" width="37" height="37" alt="Shirts/Tops" /></div></dt>'
	                       + '<dd class="UnicodSans-Medium">Shirts/Tops</dd>'
		                   + '</dl></a> ');			
						break;
					  case "13": //Socken
						itemcat_symbole.append('<a  href="#kleidungskategorien" onClick="kategorieAufrufen(13)" ><dl class="meImgLeft" >' 
	                       + '<dt><div style="margin-left: 7px"><img src="images/m_socken" width="37" height="37" alt="Socken" /></div></dt>'
	                       + '<dd class="UnicodSans-Medium">Socken</dd>'
		                   + '</dl></a> ');			
						break;						
					  case "16": //Schuhe
						  if(arUser[myuser]["sex"] == 0){
								itemcat_symbole.append('<a  href="#kleidungskategorien" onClick="kategorieAufrufen(16)" ><dl class="meImgLeft" >' 
								   + '<dt><div style="margin-left: 7px"><img src="images/m_schuhe.png" width="37" height="37" alt="Schuhe" /></div></dt>'
								   + '<dd class="UnicodSans-Medium">Schuhe</dd>'
								   + '</dl></a> ');			
						  }else{
								itemcat_symbole.append('<a  href="#kleidungskategorien" onClick="kategorieAufrufen(16)" ><dl class="meImgLeft" >' 
								   + '<dt><div style="margin-left: 7px"><img src="images/f_schuhe.png" width="37" height="37" alt="Schuhe" /></div></dt>'
								   + '<dd class="UnicodSans-Medium">Schuhe</dd>'
								   + '</dl></a> ');										  
						  }
									
						  break;																																							
					  default:
						break;
					}
					
				});
				itemcat_symbole.append('<dl class="meImgLeft" >' 
	                       + '<dt><div style="margin-left: 7px"><img src="images/m_accessoires.png" width="37" height="37" alt="Accessoires" /></div></dt>'
	                       + '<dd class="UnicodSans-Medium">Accessoires</dd>'
		                   + '</dl> ');		
						
			},

		error: function(){
		   //msg.append('There was an error loading the data.2<br>');
		}
	});
	if(itemcat_symbole.innerHTML == ""){
		$('#btscan').addClass('ui-disabled');
	} 	
	
	
}

function setzeHilfeContent(text){
	var messname = $('#messname');	
	var geschlecht_bild = $('#geschlecht_bild');
	var messbeschreibung = $('#messbeschreibung');
	//messname.html('<label for="name" style="margin-left:5px;margin-top: 7px">'+text+'</label>');
	messname.html(text);
	if(arUser[myuser]["sex"] == 1){
		geschlecht_bild.html('<img src="images/messen_mann.png" width="153" height="354" longdesc="http://ambrella.dyndns.org/rightsize/messen_frau.png"></div>');		
	}else{
		geschlecht_bild.html('<img src="images/messen_frau.png" width="153" height="354" longdesc="http://ambrella.dyndns.org/rightsize/messen_frau.png"></div>');
	}
	switch (text) {
	  case "Brustkorbumfang":
		messbeschreibung.html('Maximaler horizontaler Umfang gemessen bei normaler Atmung und aufrechter Haltung, das Bandma&szlig; &uuml;ber die Schulterbl&auml;tter, unter den Achseln und &uuml;ber die Brust.');
		break;
	  case "Brustumfang":
		messbeschreibung.html('Maximaler horizontaler Umfang gemessen bei normaler Atmung und aufrechter Haltung, das Ma&szlig;band horizontal unter den Achseln und &uuml;ber die Brusterhebung');
		break;
	  case "Unterbrustumfang":
		messbeschreibung.html('Horizontaler K&ouml;rperumfang direkt unterhalb der Br&uuml;ste');
		break;
	  case "Taillenumfang":
		messbeschreibung.html('Umfang der nat&uuml;rlichen G&uuml;rtellinie zwischen der Oberkante der H&uuml;ftknochen und den unteren Rippen, gemessen bei normaler Atmung, aufrechter Haltung und entspanntem Unterleib');
		break;
	  case "H\xFCftumfang":
		messbeschreibung.html('Horizontaler Umfang des Ges&auml;&szlig;es gemessen an der breitesten Stelle');
		break;
	  case "K\xF6rperh\xF6he":
		messbeschreibung.html('Vertikaler Abstand zwischen Scheitel und Fu&szlig;sohle, gemessen bei aufrechter Haltung ohne Schuhe und geschlossenen F&uuml;&szlig;en (Kleinkinder, die noch nicht aufrecht stehen k&ouml;nnen, auch liegend)');
		break;
	  case "Beininnenl\xE4nge":
		messbeschreibung.html('Abstand zwischen Schritt und Fu&szlig;sohle, gemessen als gerade vertikale Linie bei aufrechter Haltung, leicht ge&ouml;ffneten F&uuml;&szlig;en und gleichm&auml;&szlig;iger Verteilung des Gewichts auf beide F&uuml;&szlig;e (nicht zu verwechseln mit der in Zoll angegebenen Innennaht, englisch inseam gemessen vom Schritt bis zum Hosensaum)');
		break;
	  case "Arml\xE4nge":
		messbeschreibung.html('Abstand von der Schulterh&ouml;he &uuml;ber den Ellbogen bis zum Ende des Handgelenkknochens, gemessen mit Ma&szlig;band bei geschlossener rechter Faust an der H&uuml;fte, also dem Arm im rechten Winkel');
		break;
	  case "Handumfang":
		messbeschreibung.html('Maximaler Umfang gemessen &uuml;ber die Kn&ouml;chel der ge&ouml;ffneten rechten Hand, Finger beieinander und ohne Daumen');
		break;
	  case "Fu\xDFinnenl\xE4nge":
		messbeschreibung.html('Horizontaler Abstand zwischen zwei Loten, das eine mit Kontakt zum Ende des l&auml;ngsten Zehs, das andere mit der Ferse, gemessen barfu&szlig; und mit dem K&ouml;rpergewicht gleichm&auml;&szlig;ig auf beide F&uuml;&szlig;e verteilt.');
		break;
	  case "Gewicht":
		messbeschreibung.html('Gemessen mit so wenig Kleidung wie m&ouml;glich.');
		break;																																																	
	  default:
		messbeschreibung.html('');
		break;
	}
	
}

function schreibeBenutzerdaten(user_id){
		//var msg = $("#msg"); 
		var sendthis = $('form').serialize(); 
		sendthis += '&user_id=' +  myuser;
		alert(sendthis); 
		
		$.ajax({ 
			url: 'http://ambrella.dyndns.org/rightsize/SchreibeBenutzer.php', 
			data: sendthis, 
			success: function(){ 
				//msg.append('Gespeichert'); 
				ladeElemente();
			}, 
			
			error: function() { 
				//msg.append('Fehler'); 
				//msg.text('Gespeichert');
				ladeElemente();
			} 
	
		}); 
			
			
}

function updateGroessenContent(itemid){
	
	itemname = "fdfssdfsdf";
	
	var content_html = "<label for='name' style='margin-left:5px; margin-top:9px'>Groesse waehlen:</label>"
	+ "<select name='marke' id='cbtest' data-theme='b' data-icon='arrow-d' >"
	+ "<option value='maennlich'>"+ itemname + "</option>"
	+ "<option value='weiblich'>Weiblich</option>"
	+ "</select>"
	+ "<a rel='close' data-role='button' href='#' id='simpleclose'>Schliessen</a>";
					
	
	$('#simpleraw').data('simpledialog').options.fullHTML = content_html;
	$('#simpleraw').simpledialog('refresh');
}




function onDeviceReady(user_id){
		var itemname = "test123";
		var content_html = "";
	
		//Liste mit Suchfunktion erzeugen
		$(document).delegate('#simpleraw', 'click', function() {
						
				content_html = "<label for='name' style='margin-left:5px; margin-top:9px'>Groesse waehlen:</label>"
				+ "<select name='marke' id='cbtest' data-theme='b' data-icon='arrow-d' >"
				+ "<option value='maennlich'>"+itemname+"</option>"
				+ "<option value='weiblich'>Weiblich</option>"
				+ "</select>"
				+ "<a rel='close' data-role='button' href='#' id='simpleclose'>Schliessen</a>";
												
				$(this).simpledialog({
					'mode' : 'blank',
					'prompt': false,
					'forceInput': false,
					'useModal':true,
					'fullHTML' : content_html
				})
				//$('#simpleraw').data('simpledialog').options.fullHTML = "...";
				//updateGroessenContent();
		}); 
			
		$(document).ready(function() {
			
				// Ajax
			//var msg = $("#msg"); 
			var log = $("#log"); 
			$(log).ajaxStart(function() {
				log.html("loading...");
			}).ajaxStop(function() {
				log.html("loading beendet.");
			}).ajaxError(function(a, b, e) {
				log.html(e);
			});
			
			
			// hier die Methode .validate()
			$("#form1").validate({
				submitHandler: function(form) {
					speichernProfil();
					
				},
				rules: {
					name: {
					required: true,
					minlength: 2
				},
				message: "required"
				}
			});
			// hier die Methode .validate()
			$("#form2").validate({
				submitHandler: function(form) {
					speichernProfil();
					
				},
				rules: {
					groesse: {
					required: true,
					minlength: 2
				},
				message: "required"
				}
			});
			$("#form3").validate({
				submitHandler: function(form) {
					speichernProfil();
					
				},
				rules: {
					groesse: {
					required: true,
					minlength: 2
				},
				message: "required"
				}
			});
		});
}

function ladeElemente(){
		
		//Elemente laden
		
	    var brustkorbumfang = $('#brustkorbumfang');
	    var brustumfang = $('#brustumfang');
		var unterbrustumfang = $('#unterbrustumfang');
		var taillenumfang = $('#taillenumfang');
		var hueftumfang = $('#hueftumfang');
		var groesse = $('#groesse');
		var beininnenlaenge = $('#beininnenlaenge');
		var armlaenge = $('#armlaenge');
		var handumfang = $('#handumfang');
		var fusslaenge = $('#fusslaenge');
		var gewicht = $('#gewicht');	
		
		var name = $('#name');
		
		//mit - initialisieren
		brustkorbumfang.text('-');
		brustumfang.text('-');
		taillenumfang.text('-');
		hueftumfang.text('-');
		groesse.text('-');
		beininnenlaenge.text('-');
		armlaenge.text('-');
		handumfang.text('-');
		fusslaenge.text('-');
		gewicht.text('-');		
		unterbrustumfang.text('-');		
		
		$.ajax({
			url: 'http://ambrella.dyndns.org/rightsize/landmarks.php?userid='+myuser,
			dataType: 'jsonp',
			jsonp: 'jsoncallback',
			timeout: 5000,
			success: function(data, status){
					//updateUser();
					$.each(data, function(i,item){ 
						switch (item.id) {
						  case "1":
							brustkorbumfang.text(item.amount + "cm");
							break;
						  case "2":
							brustumfang.text(item.amount + "cm");
							break;
						  case "3":
							unterbrustumfang.text(item.amount + "cm");
							break;
						  case "4":
							taillenumfang.text(item.amount + "cm");
							break;
						  case "5":
							hueftumfang.text(item.amount + "cm");
							break;
						  case "6":
							groesse.text(item.amount + "cm");
							break;
						  case "7":
							beininnenlaenge.text(item.amount + "cm");
							break;
						  case "8":
							armlaenge.text(item.amount + "cm");
							break;
						  case "9":
							handumfang.text(item.amount + "cm");
							break;
						  case "10":
							fusslaenge.text(item.amount + "cm");
							break;
						  case "11":
							gewicht.text(item.amount + "cm");
							break;																																																	
						  default:
							break;
						}
						

					});
				},

				   

			error: function(){
			   //msg.append('There was an error loading the data.2<br>');
			}
		});

}


function ladeMarkendaten(){
	
	var buffer = [];  
	
	$.ajax({
		url: 'http://ambrella.dyndns.org/rightsize/leseMarkenkategorie.php',
		dataType: 'jsonp',
		jsonp: 'jsoncallback',
		timeout: 5000,
		success: function(data, status){
				$.each(data, function(i,item){ 
					buffer.push( createFriendNode(item.mname, item.cname ) );
					//$("#myli").parent().append("<li><a data-rel=\"dialog\" data-transition=\"pop\" href=\"#\">Marke: " + item.mname + "<br/>Kategorie: " + item.cname + "</a></li>");
				});
				$( "ul.friends" ).append( buffer.join('\n') );
			},

		error: function(){
		   //msg.text('There was an error loading the data.');
		}
	});
	 
}

function createFriendNodeTest( mname, cname ){
 
	// Create the friend node.
	return "<li><a data-rel=\"dialog\"id=\"simpleraw\" data-transition=\"pop\" href=\"javascript:updateGroessenContent();\">" + mname + "<br/>Kategorie:"+ cname +"</a></li>";
}
